<%@ include file="../../inc/comunAjax.jsp" %>
<style>
	#aplicacionId {width: 350px}
	#perfilId     {width: 350px}
	#ambitoId     {width: 100px}
	#estadoId     {width: 100px}
	#codigoId     {width: 100px}
</style>

<form:form method="post" action="opcreg.do" commandName="perfilUsuario">
<form:hidden path="perfilUsuarioId" id="<s:dis/>"/>
<table class="tblFormulario">
	<tr><td class="etiqueta">Aplicaci&oacute;n <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="aplicacionId" id="aplicacionId" onchange="cambiarAplicacion();" cssClass="obligatorio">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${aplicaciones}" itemValue="aplicacionId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	<tr><td class="etiqueta">Perfil <label class="asterisco">*</label></td>
		<td class="valor" id="tdPerfil">
			<form:select path="perfilId" id="perfilId" cssClass="obligatorio">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${perfiles}" itemValue="id.perfilId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	<tr><td class="etiqueta">Ambito <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="ambito.detalleId" id="ambitoId" cssClass="obligatorio" onchange="cambiarAmbito(false)">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${ambitos}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
	<tr>
		<td class="etiqueta">C&oacute;digo <label class="asterisco" id="codigoId_">*</label></td>
		<td class="valor">
			<form:input path="codigoId" cssClass="obligatorio" onchange="buscarNombreAmbitoPorCodigo()"/>
		</td>
	</tr>
	<tr>
		<td class="etiqueta">Nombre <label class="asterisco" style="visibility: hidden;">*</label></td>
		<td class="valor noeditable" style="height: 26px;">
			<label id="nombreLbl">${perfilUsuario.nombre}</label>
			<form:hidden path="nombre"/>
		</td>
	</tr>
	<tr>
		<td class="etiqueta">Estado <label class="asterisco">*</label></td>
		<td class="valor">
			<form:select path="estado.detalleId" id="estadoId" cssClass="obligatorio">
				<form:option value="" label="--Seleccione--"/>
				<form:options items="${estados}" itemValue="detalleId" itemLabel="nombreLargo"/>
			</form:select>
		</td>
	</tr>
</table>
</form:form>